<%-- 
    Document   : secciones
    Created on : 29-abr-2014, 12:49:51
    Author     : Rafa
--%>


<%@page import="DAO.Constantes"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="head.html" %> 
        <style>


            /* ROUNDED ONE */
            .roundedOne {
                width: 28px;
                height: 28px;
                background: #fcfff4;
                bottom: 25%;


                background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
                background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
                background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
                background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
                background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
                //margin: 20px auto;

                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;

                -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
                -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
                box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
                position: relative;
            }

            .roundedOne label {
                cursor: pointer;
                position: absolute;
                width: 20px;
                height: 20px;

                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                left: 4px;
                top: 4px;

                -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
                -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
                box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

                background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
                background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
                background: -o-linear-gradient(top, #222 0%, #45484d 100%);
                background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
                background: linear-gradient(top, #222 0%, #45484d 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
            }

            .roundedOne label:after {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                opacity: 0;
                content: '';
                position: absolute;
                width: 16px;
                height: 16px;
                background: #00bf00;

                background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
                background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
                background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
                background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
                background: linear-gradient(top, #00bf00 0%, #009400 100%);

                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                top: 2px;
                left: 2px;

                -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
                -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
                box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            }

            .roundedOne label:hover::after {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
                filter: alpha(opacity=30);
                opacity: 0.3;
            }

            .roundedOne input[type=checkbox]:checked + label:after {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter: alpha(opacity=100);
                opacity: 1;
            }

        </style>
        <script>
            function dialogoEliminar() {

                var retVal = confirm("¿Realmente desea eliminar esta revista?");
                if (retVal == true) {
                    //alert("User wants to continue!");
                    return true;
                } else {
                    //alert("User does not want to continue!");
                    return false;
                }
            }

            function dialogoCerrarNumero() {

                var retVal = confirm("¿Realmente desea cerrar el numero?");
                if (retVal == true) {
                    //alert("User wants to continue!");
                    return true;
                } else {
                    //alert("User does not want to continue!");
                    return false;
                }
            }

            function hacerSubmit() {
                document.form.submit();
            }

        </script>
    </head>
    <body>
        <!-- Header -->
        <div id="header" class="skel-panels-fixed">

            <div class="top">

                <!-- Logo -->
                <%@include file="perfil.jsp" %>

                <!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li><html:link action="/VistaUsuario/Superuser/irInicio"><span class="fa fa-envelope-o">Control de Mando</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irSecciones"><span class="fa fa-envelope-o">Secciones</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irUsuarios"><span class="fa fa-eye">Usuarios</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irAutoresSuperuser"><span class="fa fa-check-square">Autores</span></html:link></li>
                            <li><a href="#revistas" id="revista-link" class="skel-panels-ignoreHref"><span class="fa fa-dashboard">Revista</span></a></li>                        

                        </ul>
                    </nav>

                </div>

            </div>

            <!-- Main -->
            <div id="main">

                <!-- Intro -->
                <section id="revistas" class="one">
                    <header>
                        <h2 class="alt">Revistas</h2>
                        <!-- Boton para añadir una revista -->                               
                    <html:form action="/VistaUsuario/Superuser/anadirRevista">
                        <html:hidden name="ModificarRevistaActionForm" property="update" value="Anadir"/>
                        <span><html:image styleId="anadir" src="images/anadir.png" style="width: 8%; height: 8%"/></span>
                    </html:form> 


                    <!-- Boton para cerrar el número a los maquetadores --> 
                    <logic:equal name="ModificarRevistaActionForm" property="mostrarCierreNumero" value="si">
                        <html:form action="/VistaUsuario/Superuser/cerrarNumero" onsubmit="return dialogoCerrarNumero()">
                            <span><html:image styleId="anadir" src="images/candado.png" style="width: 8%; height: 8%"/></span>
                        </html:form>
                    </logic:equal>

                    <!-- Boton para crear la revista --> 
                    <logic:equal name="ModificarRevistaActionForm" property="mostrarCrearRevista" value="si">
                        <html:form action="/VistaUsuario/Superuser/crearRevista">
                            <span><html:image styleId="anadir" src="images/revista.png" style="width: 8%; height: 8%"/></span>
                            <!-- Se tiene que poner en sesion la url donde guardar el articulo -->
                            <%
                            String ubicacionWebInf = application.getRealPath(Constantes.getSEPARATOR() + "WEB-INF");
                            %>
                            <html:hidden name="ModificarRevistaActionForm" property="ubicacionWebInf" value="<%=ubicacionWebInf%>"/>
                        </html:form>
                    </logic:equal>

                    <!-- Mnsaje Info -->     
                    <logic:notEmpty name="ModificarRevistaActionForm" property="mensajeAlert">
                        <bean:write name="ModificarRevistaActionForm" property="mensajeAlert"/>
                    </logic:notEmpty>
                </header>


                <logic:notEmpty name="listaRevistas">
                    <ul class="menuSeccion">
                        <logic:iterate name="listaRevistas" id="revista" >   
                            <li class="item1" >
                                <a href="#<bean:write name="revista" property="idRevista" />" data-toggle="collapse" data-target="#<bean:write name="revista" property="idRevista" />" >
                                    Numero <bean:write name="revista" property="numero" /> 

                                    <!-- Ver info revista 
                                    <!html:form action="/VistaUsuario/Superuser/verRevista">
                                        <!html:hidden name="revista" property="idRevista"/>
                                        <span><!html:image styleId="verAlgo" src="images/verLupa.png" style="width: 15px; height: 15px"/></span>
                                    <!/html:form>-->
                                    <span id="verAlgoRevista" title="Numero de Secciones"><%=request.getAttribute("numSec")%></span>

                                    <!-- Boton para modificar la revista -->                               
                                    <html:form action="/VistaUsuario/Superuser/modificarRevista">
                                        <html:hidden name="revista" property="idRevista"/>
                                        <span><html:image styleId="modificar" src="images/modificar.png" style="width: 15px; height: 15px"/></span>
                                    </html:form>

                                    <!-- Boton para eliminar la revista -->                             
                                    <html:form action="/VistaUsuario/Superuser/eliminarRevista" onsubmit="return dialogoEliminar()">
                                        <html:hidden name="revista" property="idRevista"/>
                                        <span>                                          
                                            <html:image styleId="eliminar" src="images/eliminar.png" style="width: 15px; height: 15px" />
                                        </span>
                                    </html:form> 

                                    <!-- Ver el estado -->
                                    <span id="estadoAlgo">
                                        <div class="roundedOne">
                                            <html:checkbox styleClass="estadoAlgo" styleId="slideThree" name="revista" property="estadoRevista" disabled="true"/>
                                            <label for="slideThree" ></label>
                                        </div>
                                    </span>

                                    <span id="numeroMax" title="Numero Total de Articulos"><%=request.getAttribute("numArtTotal")%></span>
                                </a>

                                <ul id="<bean:write name="revista" property="idRevista" />" class="collapse">
                                    <!-- Ver el estado -->
                                    <table style="margin:0">
                                        <tr>
                                            <td style="width: 25%;">
                                                <div id="estadoAlgoMovil" class="roundedOne">
                                                    <html:checkbox styleClass="estadoAlgo" styleId="slideThree" name="revista" property="estadoRevista" disabled="true"/>
                                                    <label for="slideThree" ></label>
                                                </div>
                                            </td>
                                            <td style="width: 25%;"> 
                                                <!-- Ver info revista 
                                                <!html:form action="/VistaUsuario/Superuser/verSeccion">
                                                    <!html:hidden name="seccion" property="idSeccion"/>
                                                    <span style="margin-left: 4%"><!html:image styleId="verAlgoMovil" src="images/verLupa.png" style="width: 15px; height: 15px"/></span>
                                                <!/html:form>-->
                                                <span id="verAlgoRevistaMovil" title="Numero de Secciones"><%=request.getAttribute("numSec")%></span>
                                            </td>
                                            <td style="width: 25%;"><!-- Boton para modificar la revista -->                               
                                                <html:form action="/VistaUsuario/Superuser/modificarRevista">
                                                    <html:hidden name="revista" property="idRevista"/>
                                                    <span><html:image styleId="modificarMovil" src="images/modificar.png" style="width: 15px; height: 15px"/></span>
                                                </html:form>
                                            </td>
                                            <td style="width: 25%;"><!-- Boton para eliminar la revista -->                             
                                                <html:form action="/VistaUsuario/Superuser/eliminarRevista">
                                                    <html:hidden name="revista" property="idRevista"/>
                                                    <span><html:image styleId="eliminarMovil" src="images/eliminar.png" style="width: 15px; height: 15px"/></span>
                                                </html:form> 
                                            </td>

                                        </tr>
                                    </table>            
                                    <li class="subitem1">
                                        <!-- De cada revista se obtienen todas las secciones -->
                                        <logic:iterate name="revista" property="seccions" id="seccionDeRevista">

                                            <!-- De cada seccion se obtienen todos los articulos a imprimir -->
                                            <% int numArtImprimir = 0;%>
                                            <logic:iterate name="seccionDeRevista" property="articulos" id="articulosDeSeccion">

                                                <logic:equal name="articulosDeSeccion" property="estadoArticulo" value="<%=Constantes.getART_A_IMPRIMIR()%>">                                                  
                                                    <% numArtImprimir++;%>
                                                </logic:equal>

                                            </logic:iterate>
                                            <a type="submit"> 
                                                <ul>
                                                    <li>                                                       

                                                        <p title="Numero de Articulos a imprimir">
                                                            Seccion <bean:write name="seccionDeRevista" property="nombre"/>: <%=numArtImprimir%>

                                                            <html:form action="/VistaUsuario/Superuser/verArticulosRevista">
                                                                <html:hidden name="revista" property="idRevista"/>
                                                                <html:hidden name="seccionDeRevista" property="idSeccion"/>
                                                                <span id="verSubitem">
                                                                    <html:image  src="images/verLupa.png" style="width: 15px; height: 15px"/>
                                                                </span>
                                                            </html:form> 
                                                        </p>

                                                    </li>
                                                </ul>
                                            </a>
                                        </logic:iterate>

                                    </li>
                                </ul>
                            </li>
                        </logic:iterate>
                    </ul>
                </logic:notEmpty>

                <logic:empty name="listaRevistas">
                    <p>No hay ninguna revista</p>
                </logic:empty>

            </section>          


        </div>



        <!-- Footer -->
        <div id="footer">
            <%@include file="footer.html" %>
        </div>
        <!-- Mensaje de Error -->
        <logic:notEmpty name="ModificarRevistaActionForm" property="errorAlert">    
            <script>
                alert("<bean:write name="ModificarRevistaActionForm" property="errorAlert" filter="false"/>");
            </script>
        </logic:notEmpty>
            <logic:notEmpty name="EliminarRevistaActionForm" property="errorAlert">    
            <script>
                alert("<bean:write name="EliminarRevistaActionForm" property="errorAlert" filter="false"/>");
            </script>
        </logic:notEmpty>
    </body>
</html>
